<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="/Public/layui/css/layui.css"  media="all">
		<link rel="stylesheet" href="/Public/layui/css/global.css" media="all">
		<link rel="stylesheet" href="/Public/layui/css/lemonade.css" media="all">
		<link rel="stylesheet" href="/Public/layui/font-awesome/css/font-awesome.min.css" media="all">
	</head>
	<body>
		<style>
			body {
				background: #f0f0f0;
				height: 100%;
			}
			.login-box {
				position: relative;
				background: #fff;
				width: 760px;
				height: 575px;
				margin-top: 10%;
				margin-left: auto;
				margin-right: auto;
				border: 1px solid #2794EB;
			}
			.login-box h1 {
				font-size: 36px;
				padding-top: 50px;
				padding-bottom: 30px;
				color: #3d3d3d !important;
			}
			.layui-form {
				width: 400px;
				margin-left: auto;
				margin-right: auto;
			}
			.layui-input {
				height: 48px;
				margin-top: 30px;
			}
			.verify_code {
				text-align: center;
			}
			.verify_code img {
				padding-top: 10px;
			}
			.layui-btn {
				margin-top: 30px;
				width: 100%;
				background: #2794eb;
			}
			.copright {
				position: fixed;
				right: 15px;
				bottom: 0px;
				color: #4E5465;
				text-align: right;
				padding-left: 15px;
				padding-bottom: 15px;
			}
			/* 适配多设备 */
			@media screen and (max-width: 768px) {
				body, html {
					height: 100%;
				}
				.login-box {
					margin-top: 0px;
					width: 100%;
					height: 100%;
					margin: 0px;
					padding: 0px;
					border: 0px;
				}
				.layui-form {
					width: 280px;
				}
			}
 
			.system-message {
				padding: 24px 48px;
			}
			.system-message h1 {
				font-size: 100px;
				font-weight: normal;
				line-height: 120px;
				margin-bottom: 12px;
			}
			.system-message .jump {
				padding-top: 10px
			}
			.system-message .jump a {
				color: #333;
			}
			.system-message .success, .system-message .error {
				line-height: 1.8em;
				font-size: 36px
			}
			.system-message .detail {
				font-size: 12px;
				line-height: 20px;
				margin-top: 12px;
				display: none
			}
		</style>
		<div class="login-box">
			<div class="system-message">
				<?php if(isset($message)) {?>
				<h1>:)</h1>
				<p class="success">
					<?php echo($message); ?>
				</p>
				<?php }else{?>
				<h1>:(</h1>
				<p class="error">
					<?php echo($error); ?>
				</p>
				<?php }?>
				<p class="detail"></p>
				<p class="jump">
					页面自动 <a id="href" href="<?php echo($jumpUrl); ?>">跳转</a> 等待时间： <b id="wait"><?php echo($waitSecond); ?></b>
				</p>
			</div>
			<div class="copright">
				版权所有：<a href="http://www.smeoa.com">小微OA</a>
			</div>
		</div>
		<script type="text/javascript">
			(function() {
				var wait = document.getElementById('wait'), href = document.getElementById('href').href;
				var interval = setInterval(function() {
					var time = --wait.innerHTML;
					if (time <= 0) {
						location.href = href;
						clearInterval(interval);
					};
				}, 1000);
			})();
		</script>
	</body>
</html>